<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vuejs</title>
<script src="./vue.js"></script>
</head>
<body>
	<div id="root">
		<div title="this is hello world"> this is hello world </div>
		<div :title="title"> this is hello world </div> <!--意思是title 这个属性和title这个数据项做绑定 v-bind:title等号 后面跟的不在是字符串,是js表达式-->
		<!-- v-bind:title 简写语法 :title -->
		<<!-- input v-bind:value="content" />  v-bind:value 单项数据绑定--> 
		<input v-model="content" />	<!-- v-model  双向数据绑定-->
		<div>{{content}}</div>
	</div> 
<script>
	new Vue({
		el:'#root',
		data:{
			title:'this is bind title',
			content:'this is content',
		},
	});
</script>
</body>
